
import React, { Component } from 'react';
import SectionTitle from '@/components/SectionTitle'
import InitForm from '@/components/InitForm';
import { Image, Empty } from 'antd';
import styles from "./index.less"


export default () => {

    return (
        <div className={styles.mainsd}>
            <SectionTitle extra={<a>预览</a>}>
                店铺编辑
            </SectionTitle>
            <div style={{ padding: 12, backgroundColor: "#ededed" }}>
                <Empty description="功能开发中，敬请期待..." style={{ margin: 24 }}>
                </Empty>
            </div>


            <SectionTitle>
                店铺banner
            </SectionTitle>
            <div style={{ marginTop: 12 }} className="row">
                <div style={{ marginRight: 30 }}>
                    <p style={{ marginBottom: 8, color: "#999" }}>现有banner</p>
                    <Image style={{ height: 102, width: "auto" }} src={require("@/assets/banner.png")} alt="" />
                </div>

                <InitForm
                    fields={{
                        "companyname": {
                            "value": null,
                            "type": "upload",
                            "title": "上传新的banner",
                            "name": [
                                "companyname"
                            ],
                            "listType": "img",
                            "required": true,
                            "limit": 1,
                            "col": { span: 24 }
                        }
                    }}
                    onChange={(value) => {
                        console.log(value);
                    }}
                    actions={() => null}
                ></InitForm>
                <a style={{ marginTop: -2 }}>提交审核</a>
            </div>


        </div>
    )


}